<!DOCTYPE html>
<html>
<head>
	<title>个人简历</title>
	<meta charset="utf-8">
	<style type="text/css">
		table{
			width: 800px;
			text-align: center;
			border: 1px solid black;
			white-space: nowrap;
			overflow: hidden;
		}
		table td{
			border: 1px solid black;
			letter-spacing: 0px;
			overflow: hidden;
		}
		table td input{
			width: 100%;
			height: 100%;
			border: 0px;
		}
		table td textarea{
			width: 100%;
			height: 100%;
			border: 0px;
			text-align: left;
		}
		td,th {
			height: 50px;
			width: 100px;
		}
		select{
			height: 100%;
			width: 100%;
			border: 0px;
		}
		/*******修饰********/
		.gray1{
			background-color: #e0e0e0;
		}
		.gray2{
			background-color: #a0a0a0;
		}
		input,textarea {
			background-color: #e0e0e0;
		}
		button{
			background-color: #535c68;
			width: 200px;
			height: 50px;
			border: 0px;
			color: white;
		}
		.radios{
			background-color: #535c68;
		}
	</style>
</head>
<body>
	<div style="display: flex;justify-content: center;align-content: center;">
		<form>
			<table style="text-align: center;border: 1px solid black;white-space: nowrap;">
				<tbody>
					<tr>
						<td class="gray2" rowspan="4">基本信息</td>
						<td class="gray1">姓名</td>
						<td><input type="text" name="" value="关晨亮"></td>
						<td class="gray1">年龄</td>
						<td><input type="text" name="" value="22"></td>
						<td rowspan="4"><img style="width: 100px;" src="./assets/ani.jpg"></td>
					</tr>
					<tr>
						<td class="gray1">电话</td>
						<td><input type="test" name="" value="12345678900"></td>
						<td class="gray1">邮箱</td>
						<td><input type="text" name="" value="zsf@nit.com"></td>
					</tr>
					<tr>
						<td class="gray1">籍贯</td>
						<td>
							<input type="text" name="" value="浙江杭州">
						</td>
						<td class="gray1">性别</td>
						<td><input class="radios" style="width: auto;height: auto;" type="radio" name="sex" checked=""> 男 <input class="radios" style="width: auto;height: auto;" type="radio" name="sex"> 女</td>
					</tr>
					<tr>
						<td class="gray1">学历</td>
						<td>
							<select>
								<option> 本科 </option>
							</select>
						</td>
						<td class="gray1">学位</td>
						<td><select>
								<option> 工学学士 </option>
							</select></td>
					</tr>
					<tr>
						<td class="gray2">求职意向</td>
						<td class="gray1">应聘岗位</td>
						<td>
							<select>
								<option> Java前端工程师 </option>
							</select>
						</td>
						<td class="gray1">期望月薪</td>
						<td colspan="2"><input type="text" name="" value="5000"></td>
					</tr>
					<tr>
						<td class="gray2">教育背景</td>
						<td class="gray1">毕业院校</td>
						<td><input type="text" name="" value="浙大宁波理工学院"></td>
						<td class="gray1">专业</td>
						<td colspan="2"><input type="text" name="" value="计算机科学与技术"></td>
					</tr>
					<tr>
						<td class="gray2" colspan="1">教育经历</td>
						<td colspan="5">
							<textarea>1.2016.09——2019.09: 浙江省宁波重点高中
2.2019.09——2023.09: 浙大宁波理工学院</textarea>
						</td>
					</tr>
					<tr>
						<td class="gray2">项目经验</td>
						<td colspan="5" height="100px">
							<textarea>1.学生请教管理系统(Vue+ElementUI+SpringBoot)
2.晚会投票小程序(Python客户端)
3.中小学在线教育平台(微信小程序)</textarea>
						</td>
					</tr>
					<tr>
						<td class="gray2">个人爱好</td>
						<td colspan="5">
							<input class="radios" style="width: auto;height: auto;" type="radio" name="sports" checked=""> 太极
							<input class="radios" style="width: auto;height: auto;" type="radio" name="sports"> 足球
							<input class="radios" style="width: auto;height: auto;"type="radio" name="sports"> 篮球
							<input class="radios" style="width: auto;height: auto;" type="radio" name="sports"> 排球
							<input class="radios" style="width: auto;height: auto;" type="radio" name="sports"> 网球
						</td>
					</tr>
					<tr>
						<td class="gray2">荣誉证书</td>
						<td colspan="5" height="100px">
							<textarea>1.2019-2020学年一等奖学金<br>
2.2021-2022学年二等奖学金
3.浙江省优秀毕业生
4.2021年'蓝桥杯'全国程序设计大赛二等奖</textarea>
						</td>
					</tr>
					<tr>
						<td class="gray2">自我评价</td>
						<td colspan="5">
							<input type="textarea" name="" value="勤劳朴实、任劳任怨、沟通能力强适应996">
						</td>
					</tr>
				</tbody>
			</table>
			<div style="width: 100%;display: flex;justify-content: space-around;align-items: center;border: 1px solid black;">
				<button>提交</button>
				<button>重置</button>
			</div>
		</form>
	</div>
</body>
</html>